<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>register</title>
    <style>
        #reg{width: 345px;
        }
        label{width: 88px;
            display: inline-block;
            text-align: right;
            border: solid 0 red;
        }
        .button{width: 180px;
                background-color: #04FE71;
                color: #fff;
                padding: 10px;
                outline: none;
                border: 0;
                border-radius: 5px;
        }
        #code{width: 67px;height: 26px}
        div{margin: 18px}
        .pad{padding: 5px;}
        .hy{width: 52px;height: 20px;text-align: left;}
        a{
            text-decoration: none;
        }

    </style>
</head>
<body>
<div id="reg">
    <form>
        <div>
            <label for="email">*邮箱地址:</label>
            <input id="email" type="text" placeholder="请输入邮箱" class="pad"/>
        </div>
        <div>
            <label for="password">*设置密码:</label>
            <input id="password" type="password" class="pad"/>
        </div>
<!--        <div>-->
<!--            <label for="inst">-->
<!--                *兴趣标签:</label>-->
<!--            <label class="hy">-->
<!--                <input type="checkbox">新闻-->
<!--                <input type="checkbox">娱乐-->
<!--                <input type="checkbox">文化-->
<!--                <input type="checkbox">体育-->
<!--                <input type="checkbox">IT-->
<!--                <input type="checkbox">财经-->
<!--                <input type="checkbox">时尚-->
<!--                <input type="checkbox">汽车-->
<!--                <input type="checkbox">房产-->
<!--                <input type="checkbox">生活-->
<!--            </label>-->
<!--        </div>-->
        <div>
            <table>
                <tr>
                    <td rowspan="2" >
                        <label>
                            *兴趣标签:
                        </label>
                    </td>
                    <td>
                        <label class="hy">
                            <input type="checkbox" width="10px">新闻
                        </label>
                    </td>
                    <td>
                        <label class="hy">
                            <input type="checkbox" width="10px">文化
                        </label>
                    </td>
                    <td>
                        <label class="hy">
                            <input type="checkbox" width="10px">娱乐
                        </label>
                    </td>
                    <td>
                        <label class="hy">
                            <input type="checkbox" width="10px">体育
                        </label>
                    </td>
                    <td>
                        <label class="hy">
                            <input type="checkbox" width="10px">IT
                        </label>
                    </td>
                </tr>
                <tr>
                    <td>
                        <label class="hy">
                            <input type="checkbox" width="10px">财经
                        </label>
                    </td>
                    <td>
                        <label class="hy">
                            <input type="checkbox" width="10px">时尚
                        </label>
                    </td>
                    <td>
                        <label class="hy">
                            <input type="checkbox" width="10px">汽车
                        </label>
                    </td>
                    <td>
                        <label class="hy">
                            <input type="checkbox" width="10px">房产
                        </label>
                    </td>
                    <td>
                        <label class="hy">
                            <input type="checkbox" width="10px">生活
                        </label>
                    </td>
                </tr>
            </table>
        </div>
         <div>
            <label for="code">*验证码:</label>
             <input id="code" type="text"/>
        </div>
        <div>
            <label></label>
            <input id="submit" type="submit" value="立即注册" class="button"/>
        </div>

        <div>
            <label for=""></label>
            <a href="#">新浪网络使用协议</a>
        </div>

    </form>
</div>

</body>
</html>